/************** CSS Reset **************/
body, h1, h2, h3, h4, h5, h6, hr, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, legend, button,form, input, textarea, th, td ,article ,aside, dialog, footer, header, section, footer, nav, figure, menu{ margin: 0; padding: 0;font-family:Microsoft YaHei,Arial, Helvetica, Verdana, sans-serif;  }

html, body {
	font-family:Microsoft YaHei,Arial, Helvetica, Verdana, sans-serif; overflow:auto; min-width:320px;   background-color:#fff;}
html {  width:100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

body, button, input, select, option, label, textarea, fieldset, legend { font: 12px Microsoft YaHei, Tahoma, Helvetica, Arial, sans-serif;}
body,input,texrarea,select,label{font:0.8em 'Microsoft Yahei',arial,sans-serif; color:#222;}
h1 { font-size: 18px;}
h2, h4 { font-size: 16px;}
h3, h5 { font-size: 14px;}
h6 { font-size: 100%;}
em { font-style: normal;}
small { font-size: 12px;}
ul, ol { list-style: none;}
a { text-decoration: none; outline:none;} 
a:hover { text-decoration: none;}
legend { color: #000;}
fieldset, img { border: none;}
button, input, select, textarea { font-size: 100%;}
table { border-collapse: collapse; border-spacing: 0;}
th { text-align: inherit;}
hr { border: none; height: 1px;}
article ,aside, dialog, footer, header, section, footer, nav, figure, menu{ display:block;}
audio,canvas,video{ display: inline-block; *display: inline; *zoom: 1;}

a{ color:#444;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix{*zoom:1;}

.fixed:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.fixed { display: block; min-height: 1%; }
*html .fixed { height: 1%; }
.clear { diplay: block!important; float: none!important; clear: both; overflow: hidden; width: auto!important; height: 0!important; margin: 0 auto!important; padding: 0!important; font-size: 0; line-height: 0; }

ul,li,ol,oi,h1,h2,h3,h4,h5,h6,form{ padding:0px; margin:0px; list-style:none; }
input,textarea,select{ font-size:12px; font-family:Microsoft YaHei,Arial, Helvetica, Verdana, sans-serif; color:#444;}
img{ border:0;}
a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */
:focus { -moz-outline-style:none; } /* for Firefox */ 

.global{ display:block; clear:both; margin:0 auto;}


.banner{ display:block; clear:both; width:100%; margin:0 auto; overflow:hidden; position:relative;}


.item{ display:block; clear:both; margin:0 0; background-color:#f3f3f3; font-size:0px; }
.item ul li{ display:inline-block; margin:5px 0; width:32.5%; position:relative; overflow:hidden; font-size:0px; padding:0px; margin:0px; background:url(../images/line.jpg) no-repeat right center; background-size:auto 40%;}
.item ul li:last-child{ background:none;}
.item ul li a{ display:block; clear:both; text-align:center; padding:13px 0 12px; margin:0 0 0 0; font-size:16px;}
.item ul li:last-child a{ margin:0 0 0 0; border-bottom:2px solid #f3f3f3;}

.item .active{ border-bottom:2px solid #367bc1; color:#367bc1; font-weight:bold;}




.lists{ display:block; clear:both; margin:0 0 10px; padding-top:5px; }
.lists ul li{ display:block; clear:both; margin:0 0;}
.lists ul li:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.lists ul li { display: block; min-height: 1%; border-bottom:1px dotted #cdcdcd; }
*html .lists ul li { height: 1%; }
.lists ul li a{ display:block; margin:14px 12px 12px; vertical-align:top;}
/*.lists ul li:hover{ background-color:#f7f7f7;  }
*/.lists ul li a span{ width:32%; display:inline-block; font-size:0px;}
.lists ul li a span img{ width:100%;}
.lists ul li a strong{ width:58%; font-weight:normal; background:url(../images/icon.png) no-repeat left 8px; background-size:5px auto; padding:0 0 0 4%; display:inline-block; margin:0 0 0 2%; font-size:14px; vertical-align:top;}
.lists ul li a strong span{ width:100%; font-weight:normal; display:block; clear:both; font-size:13px; color:#777;}


.showCases{ display:block; max-width:720px; margin:0 0; display:block; clear:both; overflow-x:hidden; overflow:auto; }
.showCases h3{ display:block; clear:both; font-weight:200; border-top:3px solid #aa853d; background-color:#fafafa; border-bottom:1px solid #f1f1f1; margin:0 0 20px; background-size:auto 100%; padding:15px 15px 15px ; font-size:20px;}
.showCases h3 span{ font-size:13px; display:block; clear:both; color:#777; margin:4px 0 0 0;}
.casesPic{ display:block; clear:both; margin:0 13px 15px;}
.casesPic img{ width:100%;}
.casesInfo{ display:block; clear:both; margin:0 13px 10px; font-size:14px; line-height:150%;}
.casesInfo img{ width:100%; margin:2px auto;}


.ops{ padding:10px 13px; border-top:1px solid #eee; font-size:15px;}
.ops .read{ color:#2d7abe; display:inline-block; margin:0 15px 0 0; padding:10px 10px 10px 0; font-size:15px;}
.ops .zan{ display:inline-block; margin:0 20px 0 15px; cursor:pointer; background:url(../images/zan.png) no-repeat 10px center; background-size:19px auto; padding:10px 10px 10px 34px;  font-size:15px;}
.ops .zan2{ display:inline-block; margin:0 20px 0 15px; cursor:pointer; background:url(../images/zan2.png) no-repeat 10px center; background-size:19px auto; padding:10px 10px 10px 34px;  font-size:15px;}





html{ -webkit-text-size-adjust:none; }

#orientLayer {
	display:none
}

@-webkit-keyframes rotation {
	10% {
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg)
}
50%,60% {
	transform:rotate(0deg);
	-webkit-transform:rotate(0deg)
}
90% {
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg)
}
100% {
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg)
}
}
@keyframes rotation {
	10% {
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg)
}
50%,60% {
	transform:rotate(0deg);
	-webkit-transform:rotate(0deg)
}
90% {
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg)
}
100% {
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg)
}
}


@media screen and (min-aspect-ratio:13/9) {
	#orientLayer {
	display:block
}
}

.mod-orient-layer {
	display:none;
	position:fixed;
	height:100%;
	width:100%;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:#2e7abf;
	z-index:9997
}
.mod-orient-layer__content {
	position:absolute;
	width:100%;
	top:45%;
	margin-top:-75px;
	text-align:center
}
.mod-orient-layer__icon-orient {
	background-image:url('../images/heng.png');
	display:inline-block;
	width:67px;
	height:109px;
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-webkit-animation:rotation infinite 1.5s ease-in-out;
	animation:rotation infinite 1.5s ease-in-out;
	-webkit-background-size:67px;
	background-size:67px
}
.mod-orient-layer__desc {
	margin-top:20px;
	font-size:15px;
	color:#fff
}